<script lang="ts">
    import Wizard from '$lib/layout/wizard.svelte';
    import Step1 from './wizard.step1.test.svelte';
    import Step2 from './wizard.step2.test.svelte';
    import { wizard } from '$lib/stores/wizard';
    import type { WizardStepsType } from '$lib/layout/wizard.svelte';

    const stepsComponents: WizardStepsType = new Map();

    stepsComponents.set(1, {
        label: 'label-step-1',
        component: Step1
    });
    stepsComponents.set(2, {
        label: 'label-step-2',
        component: Step2
    });

    function finish() {
        wizard.hide();
    }
</script>

<Wizard title="wizard-title" steps={stepsComponents} on:finish={finish} />
